<html>
<head>
<title>Stylish "Subscribe E-Mail" Widget Generator By A World Of Possibilities</title>
<style type="text/css">
.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #eeeee;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	box-shadow: 1px 1px 1px #CCCCCC;
	font-size: 14px;
	color: #666;
	max-width:auto;
}

			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}

label       { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; }

fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#F9F9F9;
border:2px solid #EEEEEE;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #000;font-size:16px;color:#fff;border:1px solid #111;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.h2{background:#000000;font-size:14px;color:#fff;text-shadow:1px 1px 1px #AAA;border-bottom:4px solid #F9780E;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-moz-box-shadow:1px 1px 2px #AAA;-webkit-box-shadow:1px 1px 2px #AAA;box-shadow:1px 1px 2px #AAA;text-transform:capitalize;display:block;width:96%;line-height:1;margin:6px 3px;padding:4px 10px}
a { outline:none; }

.tip{background:#FFFFCC url(http://1.bp.blogspot.com/-WPyxXFlwJbI/T7DdaM0FjtI/AAAAAAAADMI/u_nHBc-Q1rI/s1600/Bulb_flashes_4.gif) center no-repeat; margin:0 auto; width:90%; display:block; border:1px solid #D5B900; background-position:7px 50%; padding:10px 10px 10px 45px; vertical-align:text-top !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
</style>
<script type='text/javascript'>
function wopcodegen(){
document.getElementsByName("go")[0].disabled=false
var widget = document.getElementsByName("widget.content")[0];
var feed = document.getElementsByName("wopfeed")[0].value;
var wopimg = "";
for (i = 0; i < document.getElementsByName("img").length; i++) {
		if (document.getElementsByName("img")[i].checked == true) {
			wopimg = document.getElementsByName("img")[i].value
		}
	}

widget.value = "<style type=\"text\/css\">";
widget.value += "#exe-SubscribeE-Mail{background:url("+ wopimg +")no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}";
widget.value += "form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} <\/style> <div id=\"exe-SubscribeE-Mail\"> <form id=\"exe-SubscribeE-MailForm\" action=\"http:\/\/feedburner.google.com\/fb\/a\/mailverify\" method=\"post\"";
widget.value += "target=\"popupwindow\" onsubmit=\"window.open('http:\/\/feedburner.google.com\/fb\/a\/mailverify?uri="+ feed +"', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true\">";
widget.value += "<input type=\"hidden\" value=\""+ feed +"\" name=\"uri\"\/><input type=\"text\" id=\"s\" name=\"email\" value=\"Enter Your E-Mail Here\" onfocus='if (this.value == \"Enter Your E-Mail Here\") {this.value = \"\"}'";
widget.value += "onblur='if (this.value == \"\") {this.value = \"Enter Your E-Mail Here\";}'\/><input type=\"hidden\" name=\"loc\" value=\"en_US\"\/><input type=\"image\" src=\"http:\/\/img1.blogblog.com\/img\/blank.gif\" id=\"sbutton\" \/>";
widget.value += "<\/form><\/div>";
}
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>Stylish Subscribe E-Mail Widget Generator By A World Of Possibilities</h2>
<fieldset class='redi'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Settings</legend><br>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<table width="100%">
<tr>
<td width='60%'><label>FeedBurner ID</label>:</td>
<td width='40%'><input class='text-input' type='text' name='wopfeed' value='AWorldOfPossiblities' size='25'></input></td>
</tr>
</table>
<fieldset class='redi'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'>Select Widget</legend>
<table width="100%">
<tr>
                    <td width="50%" align="center">

                        <input checked="checked" name="img" type="radio" value="http://2.bp.blogspot.com/-4TVxttnRPUA/T-cf7OWbKBI/AAAAAAAAAfw/gGB_LWy-3EM/s1600/Blue-E-Mail-Subscribtion-Form.png"/>

                        <img class="middle" src="http://2.bp.blogspot.com/-4TVxttnRPUA/T-cf7OWbKBI/AAAAAAAAAfw/gGB_LWy-3EM/s1600/Blue-E-Mail-Subscribtion-Form.png"/>
                    </td></tr><tr>
                    <td width="50%" align="center">
                        <input name="img" type="radio" value="http://2.bp.blogspot.com/-WTjtH-cPLqo/T-cf8IP5FcI/AAAAAAAAAf4/E2MObBGYZEA/s1600/Red-E-Mail-Subscribtion-Form.png"/>
                        <img class="middle" src="http://2.bp.blogspot.com/-WTjtH-cPLqo/T-cf8IP5FcI/AAAAAAAAAf4/E2MObBGYZEA/s1600/Red-E-Mail-Subscribtion-Form.png"/>
                    </td></tr><tr>
                    <td width="50%" align="center">

                        <input name="img" type="radio" value="http://2.bp.blogspot.com/-V9bGWJfasJs/T-cf80IBbRI/AAAAAAAAAf8/U78NjAAJri0/s1600/Silver-E-Mail-Subscribtion-Form.png"/>
                        <img class="middle" src="http://2.bp.blogspot.com/-V9bGWJfasJs/T-cf80IBbRI/AAAAAAAAAf8/U78NjAAJri0/s1600/Silver-E-Mail-Subscribtion-Form.png"/>

                    </td></tr>
</table></fieldset>
</fieldset>

<br>
<center><input style="width:180px; font-weight:bold;font-size:20px; " value="Generate" onclick="javascript:wopcodegen();" type="button">
<input style="width:180px; font-weight:bold;font-size:20px; " disabled="disabled" name="go" value="Add to Blogger" type="submit"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://gj37765.blogspot.com" type="hidden"><input name="logoUrl" value="" type="hidden"></form></center>
<br><br>
<center><small> Copyright &copy; 2012 All Rights Reserved by Mayur Sojitra @ <a href='http://www.cutehearthacker.blogspot.com/'>A World Of Possibilities</a></small></center>

</div>
</body>
</html>